<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>F.Studio by FPT</title>

    <link href="images/favicon.ico" rel="shortcut icon">

    <link href="css/normalize.css" rel="stylesheet" type="text/css">
    <link href="css/reset.css" rel="stylesheet" type="text/css">
    <link href="css/nivo-slider.css" rel="stylesheet" type="text/css">
    <link href="css/jquery.fancybox.css" rel="stylesheet" type="text/css">
    <link href="css/lofslidernews.css" rel="stylesheet" type="text/css">
    <!--CSS-->
    <link href="css/style.css" rel="stylesheet" type="text/css">
    <link href="css/products-related.css" rel="stylesheet" type="text/css">
    <!--JS-->
    <script src="plugins/jquery-1.11.1.min.js" type="text/javascript"></script>
    <script src="js/account.js" type="text/javascript"></script>
</head>
<body>

    <div id="fb-root"></div>
    <script>(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v2.0";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>

    <header class="itq-header">
        <section class="itq-wrapper">
            <figure>
                <a href="index.html"><img src="images/logo.png" alt=""></a>
            </figure>
            <form action="#" method="post">
                <select class="greyBox" name="">
                    <option>Tất cả</option>
                    <option>Mac</option>
                    <option>iPad</option>
                    <option>iPhone</option>
                    <option>iPod</option>
                    <option>Phụ kiện</option>
                    <option>Chương trình khách hàng thân thiết</option>
                </select>
                <input class="txt greyBox" type="text" name="" placeholder="Tìm kiếm">
                <input class="btn" type="submit" name="" value="Tìm kiếm">
            </form>
            <section class="itq-cart">
                <figure>
                    <a href="#"><img src="images/cart.png" alt=""/></a>
                    <figcaption>
                        <a>0 sản phẩm</a><br/>
                        <a>0 đ</a>
                    </figcaption>
                </figure>
            </section>
            <section class="seller"></section><!--end .seller-->
        </section><!--end .itq-wrapper-->
    </header><!--end .itq-header-->
    <nav class="itq-nav">
        <section class="itq-wrapper">
            <ul>
                <li><a href="index.html">Trang chủ</a></li>
                <li><a href="mac.html">Mac</a></li>
                <li><a href="iphone.html">iPhone</a></li>
                <li><a href="ipad.html">iPad</a></li>
                <li><a href="ipod.html">iPod</a></li>
                <li><a href="phukien.html">Phụ kiện</a></li>
                <li><a href="tintuc.html">Khuyến mại</a></li>
                <li><a href="tintuc.html">Tin tức</a></li>
                <li><a href="tintuc.html">Khách hàng thân thiết</a></li>
            </ul>
            <section class="itq-login" style="display: none;">
                <span>Tài khoản</span>
                <form class="form-login" action="#" method="post">
                    <section class="form-grey">
                        <input class="closeBtn" type="button" value="">
                        <input class="txt-ac" type="text" placeholder="Số điện thoại/e-Mail">
                        <input class="txt-ac" value="pass" type="password" placeholder="Mật khẩu" onblur="if(this.value==''){this.value='pass'}" onfocus="if(this.value=='pass'){this.value='';}">
                        <div class="forgot-pass"><span><a href="#">Quên mật khẩu?</a></span></div>
                        <div class="remem-pass"><input type="checkbox"><label>Ghi nhớ thông tin đăng nhập</label></div>
                    </section>
                    <section class="form-btn">
                        <input class="blueBtn" type="submit" value="ĐĂNG NHẬP">
                        <input class="greyBtn" id="click" type="button" value="ĐĂNG KÝ">
                    </section>
                </form>
                <section id="register">
                    <header><h3>TÀI KHOẢN</h3></header>
                    <section class="register-info">
                        <h3>ĐĂNG KÝ</h3>
                        <form action="#" method="post">
                            <input class="txt-ac inline" type="text" placeholder="Họ và tên">
                            <input class="txt-ac inline" type="text" placeholder="Địa chỉ Email">
                            <input class="txt-ac inline" value="pass" type="password" placeholder="Mật khẩu" onblur="if(this.value==''){this.value='pass'}" onfocus="if(this.value=='pass'){this.value='';}">
                            <input class="blueBtn" type="submit" value="ĐĂNG KÝ">
                        </form>
                    </section><!--end .register-info-->
                    <section class="register-info">
                        <h3>ĐĂNG NHẬP</h3>
                        <form action="#" method="post">
                            <input class="txt-ac inline" type="text" placeholder="Địa chỉ Email">
                            <input class="txt-ac inline" value="pass" type="password" placeholder="Mật khẩu" onblur="if(this.value==''){this.value='pass'}" onfocus="if(this.value=='pass'){this.value='';}">
                            <input class="blueBtn" type="submit" value="ĐĂNG NHẬP">
                        </form>
                    </section><!--end .register-info-->
                </section>
            </section><!--end .itq-login-->
            <section class="itq-info-account">
                <span>lemanhhai1310@gmail.com</span>
                <section class="itq-quick-menu">
                    <ul>
                        <li><a href="#"><input type="button" class="leftBtn1"/></a></li>
                        <li><a href="#"><input type="button" class="leftBtn6"/></a></li>
                        <li><a href="#"><input type="button" class="leftBtn2"/></a></li>
                        <li><a href="#"><input type="button" class="leftBtn3"/></a></li>
                        <li><a href="#"><input type="button" class="leftBtn4"/></a></li>
                        <li><a href="#"><input type="button" class="leftBtn5"/></a></li>
                        <li><a href="#"><input type="button" class="leftBtnExit"/></a></li>
                    </ul>
                </section><!--end .itq-quick-menu-->
            </section><!--end .itq-info-account-->
        </section>
    </nav>
    <section class="clear"></section>
    <section class="itq-master-wrapper">
        <section class="itq-wrapper">
            <section class="itq-cartBody clearfix">
                <section class="leftMenu">
                    <ul style="font-size: 14px;">
                        <li><a href="#"><input type="button" class="leftMenuMove" value="Giới thiệu"/></a></li>
                        <li><a href="#"><input type="button" class="leftMenuMove" value="Hệ thống cửa hàng"/></a></li>
                        <li><a href="#"><input type="button" class="leftMenuMove leftMenuMoveActive" value="Liên hệ"/></a></li>
                    </ul>
                </section><!--end .leftMenu-->
                <section class="rightContent">
                    <header class="itq-greyBg"><h3 style="text-transform: none;">Liên hệ</h3></header>
                    <section class="Content clearfix" style="padding: 20px">
                        <!--<form>-->
                            <h3 class="bluePrice" style="font-size: 15px; margin-top: 0px;">CÔNG TY CỔ PHẦN BÁN LẺ KỸ THUẬT SỐ FPT</h3>
                            <span style="font-size:14px; color: #626262;"> 121 Lê Lợi, Quận 1, Tp. HCM</span><br/>
                            <span style="font-size:14px; color: #626262;"> Số điện thoại: <span class="bluePrice">0904420796</span></span><br/><br/>
                            <b style="color: #626262;">Đừng ngần ngại, hãy liên hệ ngay với chúng tôi</b><br/><br/>

                            <form action="#" method="post">
                                <table>
                                    <tr><td><input type="text" class="formBox" placeholder="Họ và tên" style="width: 300px;"/></td></tr>
                                    <tr><td><input type="text" class="formBox" placeholder="Email" style="width: 300px;"/></td></tr>
                                    <tr><td><input type="text" class="formBox" placeholder="Số điện thoại" style="width: 300px;"/></td></tr>
                                    <tr><td><textarea class="formBox formBox-1" placeholder="Nội dung bình luận" style="height: 100px;"></textarea></td></tr>
                                    <tr><td><input type="submit" class="blueBtn" value="Gửi liên hệ"/></td></tr>
                                </table>
                            </form>

                            <!--<section class="map">-->
                                <!--<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3919.504434017493!2d106.69963700000001!3d10.772623999999999!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31752f3f5445231d%3A0x938c2c66c1fac5e9!2sFstudio+by+FPT+121+L%C3%AA+L%E1%BB%A3i!5e0!3m2!1svi!2s!4v1422265881419" width="100%" height="450" frameborder="0" style="border:0"></iframe>-->
                            <!--</section>-->
                        <!--</form>-->
                    </section><!--end .Content-->
                </section><!--end .rightContent-->
            </section><!--end .itq-cartBody-->
        </section>
    </section><!--end .itq-master-wrapper-->
    <section class="clear"></section>
    <section class="itq-greyBg">
        <section class="greyLine"></section><!--end .greyLine-->
        <section class="itq-wrapper">
            <section class="form-email">
                <form action="#" method="post">
                    <label>Đăng ký nhận tin khuyến mãi</label>
                    <input class="name" type="text" placeholder="Bạn tên gì?">
                    <input class="email" type="text" placeholder="Email của bạn..">
                    <input class="btn-xn" type="submit" value="XÁC NHẬN">
                </form>
            </section><!--end .form-email-->
            <section class="phone">
                <ul>
                    <li>
                        <p>Giao hàng miễn phí</p>
                        <span>1900 6606</span>
                    </li>
                    <li>
                        <p>Chăm sóc khách hàng</p>
                        <span>1900 6616</span>
                    </li>
                </ul>
            </section>
        </section>
        <section class="greyLine"></section><!--end .greyLine-->
    </section><!--end .itq-greyBg-->
    <footer class="itq-footer itq-greyBg">
        <section class="itq-wrapper">
            <section class="left">
                <section class="info">
                    <h3>Thông tin F.Studio</h3>
                    <ul>
                        <li><a href="#">Giới thiệu</a></li>
                        <li><a href="#">Tuyển dụng</a></li>
                        <li><a href="#">Hệ thống cửa hàng</a></li>
                        <li><a href="#">Liên Hệ</a></li>
                        <li><a href="#">Trợ giúp / Hỏi đáp</a></li>
                    </ul>
                </section>
                <section class="info">
                    <h3>Dịch vụ & Hỗ trợ</h3>
                    <ul>
                        <li><a href="#">Hướng dẫn mua hàng</a></li>
                        <li><a href="#">Hướng dẫn thanh toán</a></li>
                        <li><a href="#">Chính sách đổi sản phẩm</a></li>
                        <li><a href="#">Chính sách bảo hành</a></li>
                        <li><a href="#">Câu hỏi thường gặp</a></li>
                        <li><a href="#">Chính sách bảo mật</a></li>
                    </ul>
                </section>
            </section><!--end .left-->
            <section class="right">
                <section class="social">
                    <h3>Kết nối với F.Studio</h3>
                    <ul>
                        <li><a href="#"><img src="images/0020311_facebook.png" alt=""></a></li>
                        <li><a href="#"><img src="images/0020313_youtube.png" alt=""></a></li>
                    </ul>
                </section><!--end .social-->
                <section class="facebook">
                    <!--
                    <header><h3>Tìm chúng tôi trên Facebook</h3></header>
                    <section class="face-box"></section>
                    -->
                    <div class="fb-like-box" data-href="https://www.facebook.com/fstudiobyfpt.com.vn" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>
                </section><!--end .facebook-->
            </section><!--end .right-->
        </section><!--end .itq-wrapper-->
        <section class="greyLine"></section>
        <section class="clear"></section>
        <section class="itq-wrapper footer-bottom">
            <p>Apple, the Apple logo are trademark of Apple inc, registered in the US, and other countries</p>
            <p>Copyright @ 2010 Apple by FPT - FPT Digital Retail J.S.C... All rights reserved.</p>
        </section>
    </footer><!--end .itq-footer-->
    <script src="plugins/jquery.nivo.slider.js" type="text/javascript"></script>
    <script src="plugins/jquery.fancybox.pack.js" type="text/javascript"></script>
    <script src="plugins/lofslidernews.js" type="text/javascript"></script>
    <script src="plugins/jquery.easing.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(window).load(function() {
            $('#slider').nivoSlider({
                effect: 'random',
                slices: 15,
                boxCols: 8,
                boxRows: 4,
                animSpeed: 500,
                pauseTime: 3000,
                startSlide: 0,
                directionNav: true,
                controlNav: true,
                controlNavThumbs: false,
                pauseOnHover: true,
                manualAdvance: false,
                prevText: '',
                nextText: '',
                randomStart: false,
                beforeChange: function(){},
                afterChange: function(){},
                slideshowEnd: function(){},
                lastSlide: function(){},
                afterLoad: function(){}
            });
        });
    </script>

    <script type="text/javascript">
        $(document).ready( function(){
            // buttons for next and previous item
            var buttons = { previous:$('#jslidernews1 .button-previous') ,
                next:$('#jslidernews1 .button-next') };
            $('#jslidernews1').lofJSidernews( { interval : 4000,
                direction		: 'opacitys',
                easing			: 'easeInOutExpo',
                duration		: 1200,
                auto		 	: true,
                maxItemDisplay  : 4,
                navPosition     : 'horizontal', // horizontal
                navigatorHeight : 90,
                navigatorWidth  : 80,
                mainWidth		: 560,
                buttons			: buttons
                ,rtl:true} );
        });
    </script>

</body>
</html>